<template>
  <h1 v-text="person.realName"></h1>
  <LhzI :msg="msg" :person="person" @update="updateName"></LhzI>
</template>
<script setup>

import {ref, reactive} from 'vue';
import LhzI from "./LhzI.vue";

const msg = ref('我爱你中国，亲爱的母亲');
const person = reactive({
  realName: '李昊哲',
  slogan: '桃李不言下自成蹊'
});
const updateName = function (value) {
  person.realName = value;
}
</script>
<script>
export default {
  name: "LhzH",
}
</script>

<style scoped>

</style>